<template>
  <div class="app-container">
    <el-card>
      <template #header>
        <div class="card-header">
          <span>用热分析</span>
        </div>
      </template>
      <div class="heat-analysis">
        <el-row :gutter="20">
          <el-col :span="24">
            <el-card>
              <template #header>
                <span>用热量分析</span>
              </template>
              <div class="analysis-chart">
                <div class="chart-placeholder">用热量分析图表</div>
              </div>
            </el-card>
          </el-col>
        </el-row>
      </div>
    </el-card>
  </div>
</template>

<script setup>
// 用热分析页面逻辑
</script>

<style lang="scss" scoped>
.heat-analysis {
  .analysis-chart {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 4px;

    .chart-placeholder {
      color: #999;
      font-size: 16px;
    }
  }
}
</style>
